<template>
  <view class="box">
    <view class="box1" @click="back">
      <uv-icon name="arrow-left" color="#fff"></uv-icon><view class="box11">提现</view>
    </view>
    <view class="box2">
      <view class="box21">
        <view class="box2-1">
          <view class="box21-2">
            转出金额
          </view>
        </view>
        <view class="box211" style="border-bottom: 1px solid #ccc;">
          <view class="box21-1">￥</view>
          <view class="box21-2">
            <input type="text" placeholder="用户输入转出金额" />
          </view>
          <view class="box21-3">全部提现</view>
        </view>
        <view class="box222">
          可提现金额
          <text style="color: #c3385f;">5622元</text>
        </view>
      </view>
      <view class="box3">
        <view class="box3-1">
          <view class="box31-1">
            <image src="/static/image/zfb.png" mode=""></image>
          </view>
          <view class="box31-2">
            提现至支付宝
          </view>
          <view class="box31-3">
            <label class="radio">
              <radio value="" />
            </label>
          </view>
        </view>
        <view class="box3-2">
          请先设置提现账户
          <uv-icon name="arrow-right" color="#7d7c7e"></uv-icon>
        </view>
      </view>
    </view>

    <button class="btn">立即提现</button>
  </view>
</template>

<script setup>
import {
    ref
  } from 'vue';
  const back = (() => {
    uni.navigateBack({
      delta: 1, // 返回1个，如果是2，返回2个页面
    });
  })
</script>

<style lang="scss">
  @import url("tixian.scss");
</style>